<!-- 1.引入文件,记得步骤，引入以下的文件 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <!-- 当使用ie浏览器 来访问当前页面的时候 自动把ie的浏览器的内核切换最高版本   -->
    <!-- 有时候没有效果 ie 你懂的。。。  -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta
    name="viewport"
    content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
  />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Document</title>
    <link rel="stylesheet" href="./lib/css/bootstrap.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- 条件注释  less than  -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <!--优惠券头部-->
    <header>
        <div class="saverTicket">
            <!-- 左边部分 -->
            <a href="#" class="pull-left clearfix">
                <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
            </a>
            <!-- 右边部分 -->
            <a href="#" class="pull-right clearfix">
                <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
            </a>
            <!-- 中间部分 -->
            <span class="saver-c">优惠券</span>
        </div>
    </header>
    <!-- 优惠券 -->
    <section id='youhui'>
        <!-- <div class="row pic">
        </div> -->
        <div class="row pic">

        </div>
    </section>
    <!-- 尾部区域 -->
    <footer id='footer'>
        <div class="row row-w">
            <div class="col-xs-4">
                <a href="#">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="#">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">
                    <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
                    返回顶部</a>
            </div>
        </div>
        <p><a href="#">手机app下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>
<!-- 模板渲染 -->
<script type="text/html" id='saverMuban'>
    <div class="row pic">
        {{each result as value i}}
            <div class="col-xs-4">
              <!-- {{value.couponLink}} -->
                <a href="mmm.html?couponid={{value.couponId}}">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1549979510403&di=b5963fef8b9ff2a3164849c3121a042e&imgtype=0&src=http%3A%2F%2Fs16.sinaimg.cn%2Fbmiddle%2F48562a72t61c4e43a7eef" alt="">
                    <p>{{value.couponTitle}}</p>
                </a>
            </div>
         {{/each}}
    </div>
</script>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="./lib/js/jquery.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="./lib/js/bootstrap.js"></script>
<script src="./js/template.js"></script>
<!-- 引入优惠券页面文件 -->
<script src="./js/index.js"></script>

</html>